/**
 * 该方法用于将有父子关系的数组转换成树形结构的数组
 * 接收一个具有父子关系的数组作为参数
 * 返回一个树形结构的数组(无限层级!!!)
 */
function dataToTree(data) {
    //得到没有父节点的数据
    let parents = data.filter(value => value.rightParentCode === 'undefined' || value.rightParentCode === 'ROOT_MENU');
    //得到有父节点的数据
    let children = data.filter(value => value.rightParentCode !== 'undefined' && value.rightParentCode !== 'ROOT_MENU');
    //定义转换方法的具体实现
    let translator = (parents, children) => {
        //遍历父节点数据
        parents.forEach((parent) => {
                //遍历子节点数据 判断子节点的rightParentCode等于父数组的rightCode
                children.forEach((current, index) => {
                        //此时找到父节点对应的一个子节点
                        if (current.rightParentCode === parent.rightCode) {
                            //对子节点数据进行深复制，这里只支持部分类型的数据深复制
                            let temp = JSON.parse(JSON.stringify(children));
                            //让当前子节点从temp中移除，temp作为新的子节点数据，这里是为了让递归时，子节点的遍历次数更少，如果父子关系的层级越多，越有利
                            temp.splice(index, 1);
                            //让当前子节点作为唯一的父节点，去递归查找其对应的子节点
                            translator([current], temp);
                            //把找到子节点放入父节点的children属性中
                            typeof parent.children !== 'undefined' ? parent.children.push(current) : parent.children = [current];
                        }
                    }
                )
            }
        )
    }
    //调用转换方法
    translator(parents, children);
    //返回最终的结果
    return parents;
}

layui.use(['layer', 'element'], function () {
    var element = layui.element,
        layer = layui.layer,
        $ = layui.$;

    /*
    获取前端缓存中的数据，然后在当前页面中判断用户是否登录
     */
    let userInfo = JSON.parse(sessionStorage.getItem('userInfo'));
    if (!userInfo) {
        location.href = '/page/login';
    } else if (userInfo && userInfo.usrName) {
        $('.user-info').html(userInfo.usrName);
    }

    /**
     * 用户登出方法
     */
    $('.logoutBtn').click(function () {
        layer.confirm('确定要退出系统吗?', function () {
            $.ajax('/auth/logout', {
                type: 'get',
                success: function (res) {
                    if (res.code === 200) {
                        //清除缓存
                        sessionStorage.removeItem('userInfo');
                        location.href = '/page/login';
                    } else if (res.code === 404) {
                        layer.msg(res.message);
                    }
                }
            })
        });
    });
});
/**
 * 初始化当前用户的菜单列表(根据其所拥有的权限自动生成)
 */
$.ajax('/sysRight/findMenu', {
    type: 'get',
    success: function (res) {
        if (res.code === 200) {
            var menus = dataToTree(res.data); // 转换成树状结构
            var str = '';
            /* 开始循环生成菜单 */
            menus.forEach(function (item) {
                if (item.children && item.children.length > 0) {
                    /* 二次循环，排列各模块(一级菜单) */
                    item.children.forEach(item2 => {
                        str += '<li class="layui-nav-item">';
                        str += '<a href="javascript:;" style="font-size: 18px">' + '<i class="iconfont icon-wenjianjia" style="margin-right: 5px;font-size: 17px"></i>' + item2.rightText + '</a>';
                        if (item2.children && item2.children.length > 0) {
                            str += '<dl class="layui-nav-child">';
                            /* 三次循环，排列模块中的各功能(二级菜单) */
                            item2.children.forEach(item3 => {
                                if (item3.children == null) {
                                    str += '<dd style="padding-left: 20px;box-sizing:border-box"><a href="' + item3.rightUrl + '" target="mainFrame" style="font-size: 17px">' + item3.rightText + '</a></dd>';
                                } else if (item3.children && item3.children.length > 0) {
                                    str += '<li class="layui-nav-item" style="padding-left: 20px;box-sizing:border-box">';
                                    str += '<a href="javascript:;" style="font-size: 17px">' + item3.rightText + '</a>';
                                    str += '<dl class="layui-nav-child">';
                                    /* 四次循环，排列各功能中的小功能(三级菜单) */
                                    item3.children.forEach(item4 => {
                                        str += '<dd style="padding-left: 25px;box-sizing:border-box"><a href="' + item4.rightUrl + '" target="mainFrame" style="font-size: 16px">' + item4.rightText + '</a></dd>';
                                    })
                                    str += '</dl></li>';
                                }
                            });
                            str += '</dl>';
                        }
                        str += '</li>';
                    });
                }
            });
            //重点地方，将Layui在页面加载时渲染出来的span.layui-nav-bar提前删除掉
            $("#nav").find('span.layui-nav-bar').remove();
            $('.treeMenu').html(str);
            //然后调用重新渲染的方法
            xuanran();
        } else {
            layer.msg(res.message);
        }
    }
});

/**
 * 重新渲染dom，因为动态生成的菜单不被渲染与监听
 */
function xuanran() {
    layui.use('element', function () {
        var element = layui.element;
        var layFilter = $("#nav").attr('lay-filter');
        element.render('nav', layFilter);
    });
}
